<div class="theme-container">
	{{ 'SETTINGS_MENU.LANGUAGE' | translate }}
  	<div>
		<ng-container *ngIf="languages.length">
			<nb-select
				[(selected)]="preferredLanguage"
				[(ngModel)]="preferredLanguage"
				[placeholder]="'SETTINGS_MENU.ENGLISH' | translate"
				(selectedChange)="switchLanguage()"
				status="basic"
				size="small"
				outline
				optionsListClass="fit-content"
			>
				<nb-option
					*ngFor="let lang of languages"
					[value]="lang.value"
				>
					{{ lang.name | translate }}
				</nb-option>
			</nb-select>
		</ng-container>
	</div>
</div>
